/* *
 *
 *  Copyright (c) 2019-2019 Highsoft AS
 *
 *  Boost module: stripped-down renderer for higher performance
 *
 *  License: highcharts.com/license
 *
 *  !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
 *
 * */
"use strict";
import H from "../../parts/Globals.js";
import "../../parts/Series.js";
import GLRenderer from "./wgl-renderer.js";
var win = H.win,
  doc = win.document,
  mainCanvas = doc.createElement("canvas");
/**
 * Create a canvas + context and attach it to the target
 *
 * @private
 * @function createAndAttachRenderer
 *
 * @param {Highcharts.Chart} chart
 * the chart
 *
 * @param {Highcharts.Series} series
 * the series
 *
 * @return {Highcharts.BoostGLRenderer}
 * the canvas renderer
 */
function createAndAttachRenderer(chart, series) {
  var width = chart.chartWidth,
    height = chart.chartHeight,
    target = chart,
    targetGroup = chart.seriesGroup || series.group,
    alpha = 1,
    foSupported = doc.implementation.hasFeature(
      "www.http://w3.org/TR/SVG11/feature#Extensibility",
      "1.1"
    );
  if (chart.isChartSeriesBoosting()) {
    target = chart;
  } else {
    target = series;
  }
  // Support for foreignObject is flimsy as best.
  // IE does not support it, and Chrome has a bug which messes up
  // the canvas draw order.
  // As such, we force the Image fallback for now, but leaving the
  // actual Canvas path in-place in case this changes in the future.
  foSupported = false;
  if (!target.renderTarget) {
    target.canvas = mainCanvas;
    // Fall back to image tag if foreignObject isn't supported,
    // or if we're exporting.
    if (chart.renderer.forExport || !foSupported) {
      target.renderTarget = chart.renderer
        .image("", 0, 0, width, height)
        .addClass("highcharts-boost-canvas")
        .add(targetGroup);
      target.boostClear = function () {
        target.renderTarget.attr({ href: "" });
      };
      target.boostCopy = function () {
        target.boostResizeTarget();
        target.renderTarget.attr({
          href: target.canvas.toDataURL("image/png"),
        });
      };
    } else {
      target.renderTargetFo = chart.renderer
        .createElement("foreignObject")
        .add(targetGroup);
      target.renderTarget = doc.createElement("canvas");
      target.renderTargetCtx = target.renderTarget.getContext("2d");
      target.renderTargetFo.element.appendChild(target.renderTarget);
      target.boostClear = function () {
        target.renderTarget.width = target.canvas.width;
        target.renderTarget.height = target.canvas.height;
      };
      target.boostCopy = function () {
        target.renderTarget.width = target.canvas.width;
        target.renderTarget.height = target.canvas.height;
        target.renderTargetCtx.drawImage(target.canvas, 0, 0);
      };
    }
    target.boostResizeTarget = function () {
      width = chart.chartWidth;
      height = chart.chartHeight;
      (target.renderTargetFo || target.renderTarget)
        .attr({
          x: 0,
          y: 0,
          width: width,
          height: height,
        })
        .css({
          pointerEvents: "none",
          mixedBlendMode: "normal",
          opacity: alpha,
        });
      if (target instanceof H.Chart) {
        target.markerGroup.translate(chart.plotLeft, chart.plotTop);
      }
    };
    target.boostClipRect = chart.renderer.clipRect();
    (target.renderTargetFo || target.renderTarget).clip(target.boostClipRect);
    if (target instanceof H.Chart) {
      target.markerGroup = target.renderer.g().add(targetGroup);
      target.markerGroup.translate(series.xAxis.pos, series.yAxis.pos);
    }
  }
  target.canvas.width = width;
  target.canvas.height = height;
  target.boostClipRect.attr(chart.getBoostClipRect(target));
  target.boostResizeTarget();
  target.boostClear();
  if (!target.ogl) {
    target.ogl = GLRenderer(function () {
      if (target.ogl.settings.debug.timeBufferCopy) {
        console.time("buffer copy"); // eslint-disable-line no-console
      }
      target.boostCopy();
      if (target.ogl.settings.debug.timeBufferCopy) {
        console.timeEnd("buffer copy"); // eslint-disable-line no-console
      }
    });
    if (!target.ogl.init(target.canvas)) {
      // The OGL renderer couldn't be inited.
      // This likely means a shader error as we wouldn't get to this point
      // if there was no WebGL support.
      H.error("[highcharts boost] - unable to init WebGL renderer");
    }
    // target.ogl.clear();
    target.ogl.setOptions(chart.options.boost || {});
    if (target instanceof H.Chart) {
      target.ogl.allocateBuffer(chart);
    }
  }
  target.ogl.setSize(width, height);
  return target.ogl;
}
export default createAndAttachRenderer;
